/* flex布局 */
.flex-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex-center{
  /* 子元素沿主轴对齐方式居中 */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  /* 子元素沿侧轴对齐方式垂直居中 */
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-ver{
  /*指定主轴的伸缩流方向是纵向的*/
  -webkit-box-orient:vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.flex-item{
  width: 0%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;

  height: auto;
  width: 100%;
}
.flex-item-2{
  width: 0%;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.flex-item-4{
  width: 0%;
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  flex: 4;
}
.flex-fix{
  flex: none;
}
